<template>
  <UserInfoComp></UserInfoComp>
  <div class="menus">
    <div v-for="d in menus">
      <div @click="toPage(d.path)">
        <img :src="d.icon" alt="" />
        <div>{{ d.title }}</div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
// 完成所有的单表crud
// 完成所有的数据联动
// 完成所有的连表crud
// 完善软件和软件分类管理
// 完成用户注册功能
import UserInfoComp from '../components/UserInfoComp.vue';

const router = useRouter();

const menus = [
  {
    title: '新闻管理',
    icon: '/images/news.svg',
    path: '/news',
  },
  {
    title: '成语小游戏',
    icon: '/images/idiom.svg',
    path: '/study/idiomgame',
  },
];

const toPage = (path) => {
  router.push(path);
};
</script>
<style scoped>
  .menus {
    display: grid;
  }
</style>